import React, { useState } from 'react';
import Todo from './components/Todo'
import Counter from './components/Counter';

function App(props) {
  const [flag, setFlag] = useState(true);

  function onHandler() {
    // console.log('事件');
    setFlag(!flag);
  }

  return (
    <>
      <div className='app-first'>
        {/* <button onClick={onHandler}>按钮</button>
      {flag && <Counter />} */}
        <Todo />
      </div>
      {/* <p>第二个兄弟</p> */}
    </>
  )
}

export default App;
